<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Phần mềm quản lý sân bóng</title>

<!--For General-->
<link href="css/reset.css" type="text/css" rel="stylesheet" />
<link href="css/templates.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="jscript/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="jscript/scroll.js"></script>
<script type="text/javascript" src="jscript/all-script.js"></script>

<!--For Clock-->
<link rel="stylesheet" type="text/css" href="css/jquery.jdigiclock.css" />
<script type="text/javascript" src="lib/jquery.jdigiclock.js"></script>

<!--For Jquery UI-->
<link type="text/css" href="css/custom-theme/jquery-ui-1.8.14.custom.css" rel="stylesheet" />	
<script type="text/javascript" src="jscript/jquery-ui-1.8.14.custom.min.js"></script>

<!--For Logo menu-->
<link href="css/jd_menu.css" rel="stylesheet" type="text/css" />
<script src="jscript/jd_Menu.js" language="JavaScript"></script>

</head>

<body>

<h1 class="top">TAN NHAT MINH</h1>
<div id="tnm-wrapper">
	<div id="tnm-header">
    	<div class="logo">
        	<img src="images/logo-sport.png" width="239" height="61" alt=""/>
			
            <a id="menuTarget" onclick="jd_Menu_show('#exampleMenu', true);"><img src="images/logo-sport-menu.png" width="194" height="61" /></a>
            <ul id="exampleMenu" class="jd_menu" attachto="menuTarget" menuposition="relative bottom left" style="margin-top: 4px;">
                <!-- menuposition may be (relative|absolute) (mb mt ml mr) (bottom left top right) -->
                <li>Thiết lập nhân viên</li>
                <li>Thiết lập sân bóng &nbsp;&raquo;
                	<ul class="jd_menu" menuposition="relative top right">
                    	<li>Phân loại</li>
                        <li>Thời gian hoạt động</li>
                    </ul>
                </li>
                <li>Vật tư sân</li>
                <li>Thiết lập Căng tin&nbsp;&raquo;
                	<ul class="jd_menu" menuposition="relative top right">
                    	<li>Số bàn</li>
                        <li>Menu thức uống</li>
                        <li>Menu trang phục</li>
                    </ul>
                </li>
                <li>Vật tư Căng tin</li>
                <li>Thiết lập Khuyến mãi</li>
                <li>Xem báo cáo</li>
                <li>Thoát</li>
            </ul>
            
        </div>        
        <ul class="main-menu">
        	<li class="act"><a href="index.html"><span>Tổng thể</span></a></li>
            <li><a href="search-day.html"><span>Lịch đặt sân</span></a></li>
            <li><a href="cangtin.html"><span>Căng tin</span></a></li>
            <li><a href="#"><span>Bàn giao</span></a></li>
            <li><a href="#"><span>Nhân viên</span></a></li>
            <li><a href="customer.html"><span>Khách hàng</span></a></li>
        </ul>
        <div class="right"></div>
    </div>
    <div id="tnm-body">
    	<div class="tnm-col">
        	<h2 class="title-tnm-col">QUản lý sân</h2>
            <div class="content-tnm-col">
            	<div class="bigyard">
               		<a href="checkout.html" title="" class="choose">
                    	<div class="timeline" style="background:url(images/timeline.jpg)"></div>
                        <div class="player7">
                        	<div class="number7">A1</div>
                            <div class="table-name7">02</div>
                        </div>
                   	</a>
                   	<a href="checkout.html" title="" class="choose">
                    	<div class="timeline" style="background:url(images/timeline.jpg)"></div>
                        <div class="player7">
                        	<div class="number7">A2</div>
                            <div class="table-name7">02</div>
                        </div>
                   	</a>
                </div>
                <div class="smallyard">
                	<a href="checkout.html" title="" class="choose">
                    	<div class="timeline" style="background:url(images/timeline.jpg)"></div>
                        <div class="player5">
                        	<div class="number5">B1</div>
                            <div class="table-name5">05</div>
                        </div>
                    </a>
                    <a href="checkout.html" title="" class="choose">
                    	<div class="timeline" style="background:url(images/timeline.jpg)"></div>
                        <div class="player5">
                        	<div class="number5">B2</div>
                            <div class="table-name5">05</div>
                        </div>
                    </a>
                    <a href="checkout.html" title="" class="choose">
                    	<div class="timeline" style="background:url(images/timeline.jpg)"></div>
                        <div class="player5">
                        	<div class="number5">B3</div>
                            <div class="table-name5">05</div>
                        </div>
                    </a>
                    <a href="checkout.html" title="" class="choose">
                    	<div class="timeline" style="background:url(images/timeline.jpg)"></div>
                        <div class="player5">
                        	<div class="number5">B4</div>
                            <div class="table-name5">05</div>
                        </div>
                    </a>
                    
                </div>
                <a href="#" title="" class="bt-getyard btn-order-play"><img src="images/btn-order.png" width="142" height="44" /></a>
                <a href="#" title="" class="bt-getyard1 btn-add-fashion"><img src="images/btn-uniform.png" width="142" height="44" /></a>         	
            </div>
            <div class="bottom-tnm-col"></div>
        </div>
        <div class="tnm-col right">
        	<h2 class="title-tnm-col">QUản lý Căng tin</h2>
            <div class="content-tnm-col">
            	<div id="photo_gallery">
                <div id="photoContainer">
                  <div id="arr_left"><img alt="" style="cursor: pointer;" onclick="HscrollER('photoImages','photoContainer','1','568','left','19');" src="images/btn_left.png"></div>
                  <div id="arr_right"><img alt="" style="cursor: pointer;" onclick="HscrollER('photoImages','photoContainer','1','568','right','19');" src="images/btn_right.png"></div>
                  <div id="photoImages">
                    <ul>
                      <li class="btn-add-drink">
                      		<span class="text">01</span>
                            <span class="money">250.000 vnd</span>
                      </li>
                      <li class="btn-add-drink">
                      		<span class="text">02</span>
                            <span class="money">250.000 vnd</span>
                      </li>
                      <li class="btn-add-drink">
                      		<span class="text">03</span>
                            <span class="money">250.000 vnd</span>
                      </li>
					  <li class="btn-add-drink">
                      		<span class="text">04</span>
                            <span class="money">250.000 vnd</span>
                      </li>
					  <li class="btn-add-drink">
                      		<span class="text">05</span>
                            <span class="money">250.000 vnd</span>
                      </li>
                      <li class="btn-add-drink">
                      		<span class="text">06</span>
                            <span class="money">250.000 vnd</span>
                      </li> 
                      <li class="btn-add-drink">
                      		<span class="text">07</span>
                            <span class="money">250.000 vnd</span>
                      </li>
					  <li class="btn-add-drink">
                      		<span class="text">08</span>
                            <span class="money">250.000 vnd</span>
                      </li>
                      <li class="btn-add-drink">
                      		<span class="text">09</span>
                            <span class="money">250.000 vnd</span>
                      </li>
                      <li class="btn-add-drink">
                      		<span class="text">10</span>
                            <span class="money">250.000 vnd</span>
                      </li>
                      <li class="btn-add-drink">
                      		<span class="text">11</span>
                            <span class="money">250.000 vnd</span>
                      </li>
					  <li class="btn-add-drink">
                      		<span class="text">12</span>
                            <span class="money">250.000 vnd</span>
                      </li>				  
                    </ul>                   
					<ul>
                      <li>
                      		<span class="text">13</span>
                            <span class="money">250.000 vnd</span>
                      </li>
                      <li>
                      		<span class="text">14</span>
                            <span class="money">250.000 vnd</span>
                      </li>
                      <li>
                      		<span class="text">15</span>
                            <span class="money">250.000 vnd</span>
                      </li>
					  <li>
                      		<span class="text">16</span>
                            <span class="money">250.000 vnd</span>
                      </li>
					  <li>
                      		<span class="text">17</span>
                            <span class="money">250.000 vnd</span>
                      </li>
                      <li>
                      		<span class="text">18</span>
                            <span class="money">250.000 vnd</span>
                      </li> 
                      <li>
                      		<span class="text">19</span>
                            <span class="money">250.000 vnd</span>
                      </li>
					  <li>
                      		<span class="text">20</span>
                            <span class="money">250.000 vnd</span>
                      </li>
                      <li>
                      		<span class="text">21</span>
                            <span class="money">250.000 vnd</span>
                      </li>
                      <li>
                      		<span class="text">22</span>
                            <span class="money">250.000 vnd</span>
                      </li>
                      <li>
                      		<span class="text">23</span>
                            <span class="money">250.000 vnd</span>
                      </li>
					  <li>
                      		<span class="text">24</span>
                            <span class="money">250.000 vnd</span>
                      </li>				  
                    </ul>
                  </div>
                </div>
              </div>
            </div>
            <div class="bottom-tnm-col"></div>
        </div>
    </div>
    <div id="tnm-footer">
    	<div class="right"></div>
    	<div class="tnm-article">
        	<h2 class="title-article">Đăng nhập</h2>
            <div class="content-article">
            	<p>Chào quản lý: <strong>Hữu Đắc</strong></p>
                <a href="#" title="" class="btn-lock"><img src="images/bt-lockscreen.png" width="197" height="44" /></a>
            </div>
        </div>
        <div class="tnm-article">
        	<h2 class="title-article" style="padding-left:20px">Thông báo
            <a href="#" class="btn-notice article-icon-add"><img src="images/add-icon.png" width="14" height="14" /></a>
            </h2>
            <div class="content-article">
            	<p>1. Phỏng vấn nhân viên mới</p>
                <p>2. Nhắc đội anh Nguyên thanh toán nợ</p>
            </div>
        </div>
        <div class="tnm-article">
        	<h2 class="title-article">hệ thống</h2>
            <div class="content-article">
            	<p class="list-system">Sân B2 sắp hết giờ</p>
                <p class="list-system">Nước khoáng còn 5 chai</p>
                <p class="list-system">Pepsi còn 5 chai</p>
            </div>
        </div>
        <div class="clock">
        	<div id="digiclock"></div>
        </div>
    </div>
</div>

<!-- ----------------Lock Screen---------------------- -->
<div id="dialog-form" class="dialog-lock" title="ĐĂNG NHẬP">
	<div class="dialog-new">
        <form action="" method="get">
            <div class="style-form">
                
                <dl>
                    <dt>Tên đăng nhập:</dt>
                    <dd><input type="text"/></dd>                     
                </dl>
                <dl>
                    <dt>Mật khẩu :</dt>
                    <dd><input type="password" style="height:23px; width:210px"/></dd>                     
                </dl>
                <dl>
                    <dt></dt>
                    <dd>
                        <div class="button"><a href="#">Đăng nhập</a></div>
                    </dd>                  
                </dl>
            </div>
        </form>
    </div>
</div>
<!-- ------------POPUP ORDER PLAY--------------------- -->
<div  class="dialog-order-play" title="ĐẶT SÂN">
    <div id="tabs">
        <ul>
            <li><a href="#tabs-1">Đặt sân ngày</a></li>
            <li><a href="#tabs-2">Đặt sân tháng</a></li>
        </ul>
        <div id="tabs-1" style="padding-bottom:15px" class="ui-helper-clearfix">
        	<div class="table-add-drink">
                <form action="" method="get">
                    <div class="style-form">
                        <dl>
                            <dt>Tên KH:</dt>
                            <dd><input type="text"/></dd>
                            <span class="pp-new-customer">
                            	<a class="btn-customer" href="#"><img src="images/new-customer.png" width="16" height="16" /></a>
                            </span>
                        </dl>
                        <dl>
                            <dt>Giờ:</dt>
                            <dd>
                            	<select style="width:40px" name="">
                                    <option>20</option>
                                </select>
                                h
                                <select style="width:40px" name="">
                                    <option>00</option>
                                </select>
                                <strong>Đến</strong>
                                <select style="width:40px" name="">
                                    <option>21</option>
                                </select>
                                h
                                <select style="width:40px" name="">
                                    <option>30</option>
                                </select>
                            </dd>                     
                        </dl>
                        <dl>
                            <dt>Ngày:</dt>
                            <dd><input class="icon-calendar" id="datepicker1" type="text"/></dd>                     
                        </dl>
                        <dl>
                            <dt>Loại sân:</dt>
                            <dd>
                            	<select style="width:210px" name="">
                                    <option>7 người</option>
                                    <option>5 người</option>
                                </select>
                            </dd>                     
                        </dl>
                        <dl>
                            <dt>Chọn sân:</dt>
                            <dd>
                            	<select style="width:210px" name="">
                                    <option>A1</option>
                                    <option>A2</option>
                                    <option>B1</option>
                                    <option>B2</option>
                                    <option>B3</option>
                                    <option>B4</option>
                                </select>
                            </dd>                     
                        </dl>
                        <dl>
                            <dt></dt>
                            <dd>
                            	<input style="width:20px; height:0px" name="" type="checkbox" value="" />
                                Đặt bàn căng tin &nbsp;
                            	<select style="width:60px" name="">
                                    <option>20</option>
                                </select>
                            </dd>                     
                        </dl>
                        <dl>
                            <dt></dt>
                            <dd>
                                <div class="button"><a href="#">Đặt sân</a></div>
                                <div class="button" style="margin-left:5px"><a href="#">Hủy</a></div>
                            </dd>                  
                        </dl>
                    </div>
                </form>
            </div>         
        </div>
        <div id="tabs-2" class="ui-helper-clearfix">
        	<div class="table-add-drink">
                <form action="" method="get">
                    <div class="style-form">
                        <dl>
                            <dt>Tên KH:</dt>
                            <dd><input type="text"/></dd>
                            <span class="pp-new-customer">
                            	<a class="btn-customer" href="#"><img src="images/new-customer.png" width="16" height="16" /></a>
                            </span>
                        </dl>
                        <dl>
                            <dt>Thời gian thuê:</dt>
                            <dd>
                            	<select style="width:210px" name="">
                                    <option>1 tháng</option>
                                </select>
                            </dd>                     
                        </dl>
                        <dl>
                            <dt>Tần suất:</dt>
                            <dd>
                            	<select style="width:210px" name="">
                                    <option>2 buổi/1 tuần</option>
                                </select>
                            </dd>                     
                        </dl>
                        <dl>
                            <dt>Vào các ngày:</dt>
                            <dd>
                            	<select style="width:210px" name="">
                                    <option>Thứ 2, thứ 4</option>
                                </select>
                            </dd>                     
                        </dl>
                        <dl>
                            <dt>Ngày bắt đầu:</dt>
                            <dd><input class="icon-calendar" id="datepicker2" type="text"/></dd>                     
                        </dl>
                        <dl>
                            <dt>Loại sân:</dt>
                            <dd>
                            	<select style="width:210px" name="">
                                    <option>7 người</option>
                                    <option>5 người</option>
                                </select>
                            </dd>                     
                        </dl>
                        <dl>
                            <dt>Chọn sân:</dt>
                            <dd>
                            	<select style="width:210px" name="">
                                    <option>A1</option>
                                    <option>A2</option>
                                    <option>B1</option>
                                    <option>B2</option>
                                    <option>B3</option>
                                    <option>B4</option>
                                </select>
                            </dd>                     
                        </dl>
                        <dl>
                            <dt></dt>
                            <dd>
                            	<input style="width:20px; height:0px" name="" type="checkbox" value="" />
                                Đặt bàn căng tin &nbsp;
                            	<select style="width:60px" name="">
                                    <option>20</option>
                                </select>
                            </dd>                     
                        </dl>
                        <dl>
                            <dt></dt>
                            <dd>
                                <div class="button"><a href="#">Tiếp theo</a></div>
                                <div class="button" style="margin-left:5px"><a href="#">Hủy</a></div>
                            </dd>                  
                        </dl>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<!-- ------------POPUP ADD FASHION--------------------- -->
<div class="dialog-add-fashion" title="THÊM ĐỒNG PHỤC">
	<div class="style-form" style="background-color:#7ed749; text-align:center">
        <dl>
            <dt>Chọn sân:</dt>
            <dd>
                <select style="width:210px" name="">
                    <option>Sân A1</option>
                </select>
            </dd>                     
        </dl>
    </div>
    <div id="tabs1">
        <ul>
            <li><a href="#tabs-1">Áo</a></li>
            <li><a href="#tabs-2">Quần</a></li>
            <li><a href="#tabs-3">Giày</a></li>
        </ul>
        <div id="tabs-1" style="padding-bottom:15px" class="ui-helper-clearfix">
        	
            <div class="table-add-drink">
                <table class="DataTable" cellpadding="0" cellspacing="0">
                    <form name="myform" action="checkboxes.asp" method="post">
                    <tr class="head">
                        <td width="180">Tên</td>
                        <td width="100">Số lượng</td>
                        <td width="*">Thành tiền</td>
                    </tr>
                    <tr class="even" id="tableRow_1" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                        <td>Chel (L)</td>
                        <td>
                        	<select style="width:50px" name="">
                                <option>01</option>
                                <option>02</option>
                            </select>
                        </td> 
                        <td>140.000</td>
                    </tr>
                    <tr class="odd" id="tableRow_2" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                        <td>Chel (L)</td>
                        <td>
                        	<select style="width:50px" name="">
                                <option>01</option>
                                <option>02</option>
                            </select>
                        </td> 
                        <td>140.000</td>
                    </tr>
                    <tr class="even" id="tableRow_3" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                        <td>Chel (L)</td>
                        <td>
                        	<select style="width:50px" name="">
                                <option>01</option>
                                <option>02</option>
                            </select>
                        </td> 
                        <td>140.000</td>
                    </tr>
                    <tr class="odd" id="tableRow_4" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                        <td>Chel (L)</td>
                        <td>
                        	<select style="width:50px" name="">
                                <option>01</option>
                                <option>02</option>
                            </select>
                        </td> 
                        <td>140.000</td>
                    </tr>
                    <tr class="even" id="tableRow_5" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                        <td>Chel (L)</td>
                        <td>
                        	<select style="width:50px" name="">
                                <option>01</option>
                                <option>02</option>
                            </select>
                        </td> 
                        <td>140.000</td>
                    </tr>
                    <tr class="odd" id="tableRow_6" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                        <td>Chel (L)</td>
                        <td>
                        	<select style="width:50px" name="">
                                <option>01</option>
                                <option>02</option>
                            </select>
                        </td> 
                        <td>140.000</td>
                    </tr>
                    <tr class="even" id="tableRow_7" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                        <td>Chel (L)</td>
                        <td>
                        	<select style="width:50px" name="">
                                <option>01</option>
                                <option>02</option>
                            </select>
                        </td> 
                        <td>140.000</td>
                    </tr>
                    <tr class="odd" id="tableRow_8" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                        <td>Chel (L)</td>
                        <td>
                        	<select style="width:50px" name="">
                                <option>01</option>
                                <option>02</option>
                            </select>
                        </td> 
                        <td>140.000</td>
                    </tr>
                    <tr class="odd" id="tableRow_9" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                        <td>Chel (L)</td>
                        <td>
                        	<select style="width:50px" name="">
                                <option>01</option>
                                <option>02</option>
                            </select>
                        </td> 
                        <td>140.000</td>
                    </tr>
                    <tr class="odd" id="tableRow_10" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                        <td>Chel (L)</td>
                        <td>
                        	<select style="width:50px" name="">
                                <option>01</option>
                                <option>02</option>
                            </select>
                        </td> 
                        <td>140.000</td>
                    </tr>
                    <tr class="odd" id="tableRow_11" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                        <td>Chel (L)</td>
                        <td>
                        	<select style="width:50px" name="">
                                <option>01</option>
                                <option>02</option>
                            </select>
                        </td> 
                        <td>140.000</td>
                    </tr>
                    <tr class="odd" id="tableRow_12" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                        <td>Chel (L)</td>
                        <td>
                        	<select style="width:50px" name="">
                                <option>01</option>
                                <option>02</option>
                            </select>
                        </td> 
                        <td>140.000</td>
                    </tr>
                    </form>
                </table> 
            </div>
            <div class="total">TỔNG CỘNG: <span style="padding-left:80px">36.000 đ</span></div>
            <div style="margin-left:170px">
                <div class="button"><a href="#">Xong</a></div>
                <div class="button" style="margin-left:5px"><a href="#">Hủy</a></div>
            </div>            
        </div>
        <div id="tabs-2" class="ui-helper-clearfix">
           
        </div>
        <div id="tabs-3" class="ui-helper-clearfix">
            
        </div>
    </div>
</div>

<!-- ------------POPUP ADD DRINKS--------------------- -->
<div  class="dialog-add-drink" title="THÊM THỨC UỐNG">
    <div class="table-add-drink">
        <table class="DataTable" cellpadding="0" cellspacing="0">
            <form name="myform" action="checkboxes.asp" method="post">
            <tr class="head">
                <td width="180">Tên</td>
                <td width="100">Số lượng</td>
                <td width="*">Thành tiền</td>
            </tr>
            <tr class="even" id="tableRow_1" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                <td>Cafe</td>
                <td>
                    <select style="width:50px" name="">
                        <option>01</option>
                        <option>02</option>
                    </select>
                </td> 
                <td>140.000</td>
            </tr>
            <tr class="odd" id="tableRow_2" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                <td>Coca</td>
                <td>
                    <select style="width:50px" name="">
                        <option>01</option>
                        <option>02</option>
                    </select>
                </td> 
                <td>140.000</td>
            </tr>
            <tr class="even" id="tableRow_3" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                <td>Pepsi</td>
                <td>
                    <select style="width:50px" name="">
                        <option>01</option>
                        <option>02</option>
                    </select>
                </td> 
                <td>140.000</td>
            </tr>
            <tr class="odd" id="tableRow_4" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                <td>Nước chanh</td>
                <td>
                    <select style="width:50px" name="">
                        <option>01</option>
                        <option>02</option>
                    </select>
                </td> 
                <td>140.000</td>
            </tr>
            <tr class="even" id="tableRow_5" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                <td>Sting</td>
                <td>
                    <select style="width:50px" name="">
                        <option>01</option>
                        <option>02</option>
                    </select>
                </td> 
                <td>140.000</td>
            </tr>
            <tr class="odd" id="tableRow_6" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                <td>Doctor Thanh</td>
                <td>
                    <select style="width:50px" name="">
                        <option>01</option>
                        <option>02</option>
                    </select>
                </td> 
                <td>140.000</td>
            </tr>
            <tr class="even" id="tableRow_7" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                <td>Tra xanh</td>
                <td>
                    <select style="width:50px" name="">
                        <option>01</option>
                        <option>02</option>
                    </select>
                </td> 
                <td>140.000</td>
            </tr>
            <tr class="odd" id="tableRow_8" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                <td>Cafe sữa</td>
                <td>
                    <select style="width:50px" name="">
                        <option>01</option>
                        <option>02</option>
                    </select>
                </td> 
                <td>140.000</td>
            </tr>
            <tr class="odd" id="tableRow_9" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                <td>Chel (L)</td>
                <td>
                    <select style="width:50px" name="">
                        <option>01</option>
                        <option>02</option>
                    </select>
                </td> 
                <td>140.000</td>
            </tr>
            <tr class="odd" id="tableRow_10" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                <td>Chel (L)</td>
                <td>
                    <select style="width:50px" name="">
                        <option>01</option>
                        <option>02</option>
                    </select>
                </td> 
                <td>140.000</td>
            </tr>
            <tr class="odd" id="tableRow_11" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                <td>Chel (L)</td>
                <td>
                    <select style="width:50px" name="">
                        <option>01</option>
                        <option>02</option>
                    </select>
                </td> 
                <td>140.000</td>
            </tr>
            <tr class="odd" id="tableRow_12" onmouseover="tableRowHover(this,1);" onmouseout="tableRowHover(this,0);" onclick="rowSelection(this);">
                <td>Chel (L)</td>
                <td>
                    <select style="width:50px" name="">
                        <option>01</option>
                        <option>02</option>
                    </select>
                </td> 
                <td>140.000</td>
            </tr>
            </form>
        </table>
    </div>
    <div class="total">TỔNG CỘNG: <span style="padding-left:80px">36.000 đ</span></div>
    <div style="margin-left:170px">
    	<div class="button"><a href="#">Xong</a></div>
    	<div class="button btn-calc" style="margin-left:5px"><a href="#">Thanh Toán</a></div>
    </div>
</div>

<!-- ----------------Customer---------------------- -->
<!--<div id="dialog-customer" class="dialog-customer" title="KHÁCH HÀNG">
	<div class="dialog-new">
        <form action="" method="get">
            <div class="style-form">
                <dl>
                    <dt>Tên KH:</dt>
                    <dd><input type="text"/></dd>                     
                </dl>
                <dl>
                    <dt>Địa chỉ:</dt>
                    <dd><input type="text"/></dd>                     
                </dl>
                <dl>
                    <dt>Số điện thoại:</dt>
                    <dd><input type="text"/></dd>                     
                </dl>
                <dl>
                    <dt>Ngày sinh:</dt>
                    <dd><input class="icon-calendar" id="datepicker1" type="text"/></dd>                     
                </dl>
                <dl>
                    <dt></dt>
                    <dd>
                        <div class="button"><a href="#">Tạo mới</a></div>
    					<div class="button" style="margin-left:5px"><a href="#">Hủy</a></div>
                    </dd>                  
                </dl>
            </div>
        </form>
    </div>
</div>-->
<!-- ----------------Calculator---------------------- -->
<div class="dialog-calc" title="CALCULATOR">
	<div class="dialog-new">
        <form action="" method="get">
            <div class="style-form">
                <dl>
                    <dt>Tổng tiền:</dt>
                    <dd><strong>520.000 VND</strong></dd>                     
                </dl>
                <dl>
                    <dt>Tiền khách:</dt>
                    <dd><input type="text"/></dd>                     
                </dl>
                <dl>
                    <dt>Còn lại:</dt>
                    <dd><input style="background:#f8adad" value="10.000 vnd" type="text"/></dd>                     
                </dl>
                <dl>
                    <dt></dt>
                    <dd>
                        <div class="button"><a href="#">Xong</a></div>
    					<div class="button" style="margin-left:5px"><a href="#">Hủy</a></div>
                    </dd>                  
                </dl>
            </div>
        </form>
    </div>
</div>

<!-- ----------------Notice---------------------- -->
<div class="dialog-notice" title="THÊM THÔNG BÁO">
	<div class="dialog-new">
        <form action="" method="get">
            <div class="style-form">
                <dl>
                    <dt>Nội dung:</dt>
                    <dd>
                        <textarea cols="30" rows="4"></textarea>
                    </dd>                     
                </dl>
                <dl>
                    <dt></dt>
                    <dd>
                        <div class="button"><a href="#">Thêm mới</a></div>
    					<div class="button" style="margin-left:5px"><a href="#">Hủy</a></div>
                    </dd>                  
                </dl>
            </div>
        </form>
    </div>
</div>

</body>
</html>
